<!--电影列表开始-->
<div class="list">
  <ul>
    <li ng-repeat="item in movie.subjects">
      <a href="#/details/{{item.id}}">
        <img ng-src="{{item.images.large}}" alt="">
      </a>
      <div class="meta">
        <h4><span>{{item.title}}</span> <em>{{item.rating.average}}</em></h4>
        <div class="otherinfo">类型:<span ng-repeat="gen in item.genres">{{gen}}</span></div>
      </div>
    </li>
  </ul> 
  <div class="paging" ng-hide="isLoaded">
    <label>总共：{{movie.total}}条记录,第{{curPage}}/{{totalPages}}页;</label>
    <!-- 加上disable类样式，表示按钮禁用状态 -->
    <!-- curPage-0 的目的是为了：将字符串类型转化为数值类型在进行比较 -->
    <button class="prev" ng-class="{'disable': (curPage-0) <= 1}" ng-click="goPages( curPage-1)">上一页</button>
    <button class="next" ng-class="{'disable': (curPage-0) >= totalPages}" ng-click="goPages( (curPage-0)+1)">下一页</button>
  </div>
</div>
<!--电影列表结束-->


<!-- 动画模块 开始 -->
<!-- 遮罩层 -->
<div class="loading-mask" ng-show="isLoaded"></div>

<div class="spinner" ng-show="isLoaded">
  <div class="rect1"></div>
  <div class="rect2"></div>
  <div class="rect3"></div>
  <div class="rect4"></div>
  <div class="rect5"></div>
</div>

<!-- 动画模块 结束 -->
